import './MonitoringWarn.scss'

import { TextList001 } from '../Common/TextList'
import { WebCommonUrl } from '../../../../Common/Configure/CommonParameter'

import dayjs from 'dayjs'

export const MonitoringWarnA01 = () => {
    const top = [
        { uuid: 1, label: '名称', flex: 2, value: 'A01' },
        { uuid: 2, label: '日期', flex: 1, value: 'A02' },
    ]
    const data = [
        { uuid: 1, A01: '有外来船只驶入航道', A02: dayjs().format('YYYY-MM-DD') },
        { uuid: 2, A01: '有外来船只驶入航道', A02: dayjs().format('YYYY-MM-DD') },
        { uuid: 3, A01: '有外来船只驶入航道', A02: dayjs().format('YYYY-MM-DD') },
        { uuid: 4, A01: '有外来船只驶入航道', A02: dayjs().format('YYYY-MM-DD') },
    ]

    return (
        <div className="MonitoringWarnA01">
            <div className="Top">
                <img src={WebCommonUrl + 'Lab警告.png'} alt="" />
                <div>
                    今日预警 : <span>4</span>{' '}
                </div>
            </div>
            <div className="List">
                <TextList001 Top={top} data={data} />
            </div>
        </div>
    )
}
